body {
  min-width: 1000px;
}

section .Carousel {
  width: 1000px;
  margin: 0 auto;
}

section .sm_picture {
  width: 100%;
}

section .sm_picture ul {
  width: 100%;
  margin-top: 8px;
}

section .sm_picture ul::after {
  content: "";
  display: block;
  clear: both;
}

section .sm_picture ul li {
  width: 19.2%;
  float: left;
}

section .sm_picture ul li ~ li {
  margin-left: 0.5%;
}

section .sm_picture ul li a {
  display: block;
  width: 100%;
}

section .sm_picture ul li a img {
  display: block;
  width: 100%;
}

.content-box section .prod_pub {
  font-size: 0;
  margin-bottom: 10px;
}

.content-box section .prod_pub div {
  display: inline-block;
  width: 49.7%;
  height: 194px;
  margin-right: 0.6%;
  text-align: center;
  border: 1px solid #dee0e2;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background-color: #000000;
}

.content-box section .prod_pub div:nth-child(2) {
  margin-right: 0;
}

.content-box section .prod_pub div img {
  width: 100%;
}

.content-box section .prod_pub div p {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
}

.content-box section .prod_pub div p strong {
  font-size: 24px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  white-space: nowrap;
}

.content-box section .prod_pub div p span {
  font-size: 16px;
  display: block;
}

.content-box section .prod_pub div:hover img {
  opacity: 0.8;
}

.content-box section .prod_type_nav {
  width: 190px;
  margin-right: 10px;
}

.content-box section .prod_type_nav div {
  width: 100%;
  height: 110px;
  overflow: hidden;
  position: relative;
  background-color: #000000;
  margin-bottom: 10px;
}

.content-box section .prod_type_nav div img {
  display: block;
  width: 100%;
  opacity: 0.7;
}

.content-box section .prod_type_nav div p {
  display: inline-block;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  letter-spacing: 8px;
  padding-left: 8px;
}

.content-box section .prod_type_nav div p::after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  background-color: #ffffff;
  margin: 7px 0 0 4%;
}

.content-box section .prod_type_nav div:hover img {
  opacity: 0.3;
}

.content-box section .prod_type_nav ul {
  width: 100%;
  height: 424px;
  text-align: center;
  background-color: #efefef;
}

.content-box section .prod_type_nav ul li {
  display: table;
  width: 100%;
  height: 10%;
  float: none;
}

.content-box section .prod_type_nav ul li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  color: #7f7f7f;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.content-box section .prod_type_nav ul li a:hover {
  background-color: #cccccc;
}

.content-box section .prod_list {
  width: 530px;
}

.content-box section .prod_list li {
  border: 1px solid #efefef;
  text-align: center;
}

.content-box section .prod_list li > a {
  display: block;
  width: 190.265px;
  height: 188px;
  overflow: hidden;
}

.content-box section .prod_list li > a img {
  height: 80%;
  margin: 10% auto 0;
}

.content-box section .prod_type_pic li {
  overflow: hidden;
  position: relative;
  border: 1px solid #dee0e2;
  box-sizing: border-box;
}

.content-box section .prod_type_pic li a {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 22px;
}

.content-box section .prod_type_pic li a img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.content-box section .prod_type_pic li a p {
  width: 100%;
  height: 80px;
  background-color: rgba(241, 59, 51, 0.9);
  box-sizing: border-box;
  padding: 19px 22px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 10px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.content-box section .prod_type_pic li a p::after {
  content: ">";
  position: absolute;
  right: 14px;
  bottom: 11px;
  font-size: 16px;
}

.content-box section .prod_type_pic li:hover a img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.content-box section .prod_type_pic li:hover a p {
  bottom: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.content-box section ul li {
  float: left;
  position: relative;
}

.content-box section ul li > .text {
  text-align: left;
  background-color: #efefef;
  color: #444f58;
  padding: 9px 10px 10px 13px;
}

.content-box section ul li > .text p {
  margin-bottom: 3px;
  font-size: 14px;
  width: 100%;
  height: 19px;
  line-height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content-box section ul li > .text > span {
  display: block;
}

.content-box section ul li > .text span {
  font-size: 13px;
  height: 16px;
  line-height: 16px;
}

.content-box section ul li > .text a {
  float: right;
  display: inline-block;
  width: 83px;
  height: 20px;
  line-height: 1.8;
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 10px;
  text-align: center;
  background: #000000;
}

.content-box section ul li > .text a span {
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  color: #ffffff;
}

.content-box section ul li > .text a img {
  border-radius: 50%;
  display: inline-block;
  vertical-align: text-middle;
  margin-right: 5px;
}

.content-box section ul li > .text::after {
  content: "";
  display: block;
  clear: both;
}

.content-box section a {
  display: inline-block;
}

.content-box section img {
  display: block;
}

.content-box section .title {
  height: 35px;
  margin: 30px auto 30px;
  text-align: center;
  position: relative;
}

.content-box section .title h2 {
  font-size: 20px;
  font-weight: normal;
}

.content-box section .title > span {
  width: 25px;
  height: 3px;
  float: left;
  background: #EB413D;
  margin-top: 13px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.content-box section .title a {
  color: #333333;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 0;
}

.content-box section .title a:hover {
  color: #eb413d;
}

.content-box section .content_recommend {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.content-box section .content_recommend #goods-recommend {
  width: 100%;
  height: 140px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul {
  width: 9999px;
  margin: 0 auto 0;
  height: 100%;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li {
  box-sizing: border-box;
  width: 1000px;
  height: 100%;
  float: left;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div {
  float: left;
  width: 25%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div:nth-child(4n) {
  border-right: none;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div::after {
  content: "";
  display: block;
  clear: both;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div > a {
  float: left;
  width: 50%;
  height: 140px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div > a img {
  height: 80%;
  margin: 10% auto 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div > a img:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div p {
  float: right;
  margin: 28px 0 5px;
  width: 50%;
  height: 36px;
  line-height: 18px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div p a {
  width: 95%;
  height: 100%;
  font-size: 14px;
  color: #444f58;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div p a:hover {
  color: #eb413d;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div div {
  float: right;
  width: 50%;
  font-size: 0;
  margin-bottom: 4px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div div a {
  display: inline-block;
  padding: 0 8px;
  height: 19px;
  line-height: 19px;
  font-size: 12px;
  color: #ffffff;
  background-color: #eb413d;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div div a:nth-child(2) {
  background-color: #000000;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div div a:hover {
  opacity: .8;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap ul li > div span {
  float: right;
  width: 50%;
  display: block;
  color: #444f58;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_left,
.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_right {
  position: absolute;
  width: 19px;
  height: 51px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 36px;
  cursor: pointer;
  padding: 10px 20px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_left:hover, .content-box section .content_recommend #goods-recommend .lubo_wrap .turn_left:active,
.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_right:hover,
.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_right:active {
  background: #efefef;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_left {
  left: -80px;
}

.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_left img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.content-box section .content_recommend #goods-recommend .lubo_wrap .turn_right {
  right: -80px;
}

.content-box section .content_Cycling-wear {
  width: 1000px;
  margin: 0 auto;
}

.content-box section .content_Cycling-wear .prod_type_pic {
  width: 262px;
}

.content-box section .content_Cycling-wear .prod_type_pic li {
  width: 100%;
}

.content-box section .content_Cycling-wear .prod_type_pic li:nth-child(2) {
  margin-top: 10px;
}

.content-box section .content_Cycling-wear .prod_type_pic li a {
  font-size: 20px;
}

.content-box section .content_Cycling-wear .prod_type_pic li a img {
  height: 265px;
}

.content-box section .content_Cycling-wear .prod_type_pic li a p {
  height: 65px;
  padding: 15px 22px;
}

.content-box section .content_Cycling-wear .prod_list {
  width: 800px;
}

.content-box section .content_Cycling-wear .prod_list li {
  margin-right: 10px;
}

.content-box section .content_Cycling-wear .prod_list li:nth-child(4n) {
  margin-right: 0;
}

.content-box section .content_Cycling-wear .prod_list li:nth-child(n+5) {
  margin-top: 10px;
}

.content-box section .content_Running-clothes {
  width: 1000px;
  margin: 0 auto;
}

.content-box section .content_Running-clothes .prod_type_nav {
  height: 267px;
}

.content-box section .content_Running-clothes .prod_type_nav ul {
  height: 100%;
}

.content-box section .content_Running-clothes .prod_type_nav ul li {
  height: 16.66%;
}

.content-box section .content_Running-clothes .prod_list {
  width: 800px;
}

.content-box section .content_Running-clothes .prod_list li {
  margin-right: 10px;
}

.content-box section .content_Running-clothes .prod_list li:nth-child(4n) {
  margin-right: 0;
}

.content-box section .content_Running-clothes .prod_list li:nth-child(n+5) {
  margin-top: 10px;
}

.content-box section .content_Running-clothes .prod_list li > a {
  width: 190.5px;
}

.content-box section .content_Tie-san {
  width: 1000px;
  margin: 0 auto;
}

.content-box section .content_Tie-san .prod_type_nav div {
  height: 127px;
}

.content-box section .content_Tie-san .prod_type_nav ul {
  height: 130px;
}

.content-box section .content_Tie-san .prod_type_nav ul li {
  height: 33.33%;
}

.content-box section .content_Tie-san .prod_list {
  width: 800px;
}

.content-box section .content_Tie-san .prod_list li {
  margin-right: 10px;
}

.content-box section .content_Tie-san .prod_list li:nth-child(4n) {
  margin-right: 0;
}

.content-box section .content_Tie-san .prod_list li:nth-child(n+5) {
  margin-top: 10px;
}

.content-box section .content_Tie-san .prod_list li > a {
  width: 190.5px;
}

.content-box section .content_Arder {
  width: 1000px;
  margin: 0 auto;
}

.content-box section .content_Arder .goods-Arder .prod_type_pic {
  width: 100%;
}

.content-box section .content_Arder .goods-Arder .prod_type_pic li {
  width: 24.625%;
}

.content-box section .content_Arder .goods-Arder .prod_type_pic li ~ li {
  margin-left: 0.5%;
}

.content-box section .content_Arder .goods-Arder .prod_type_pic li a {
  font-size: 22px;
}

.content-box section .content_Arder .goods-Arder .prod_type_pic li a p {
  height: 80px;
  padding: 19px 22px;
}

.content-box section .brand {
  width: 1000px;
  margin: 0 auto 40px;
}

.content-box section .brand ul li {
  width: 16%;
  height: 82px;
  margin-right: 0.8%;
}

.content-box section .brand ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.content-box section .brand ul li a img {
  display: block;
  width: 80%;
  margin-left: 10%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.content-box section .brand ul li a:hover {
  opacity: .5;
}

.content-box section .brand ul li:last-child a {
  line-height: 82px;
  text-align: center;
  font-size: 14px;
  color: #000000;
  background-color: transparent;
}

.content-box section .brand ul li:last-child a:hover {
  color: #eb413d;
  opacity: 1;
}

.content-box section .brand ul li:nth-child(6n) {
  margin-right: 0;
}

.content-box section .brand ul li:nth-child(n+7) {
  margin-top: 7px;
}

.content-box .banner {
  margin: 35px auto;
  width: 1000px;
}

.content-box .banner a {
  display: block;
  width: 100%;
}

.content-box .banner a img {
  display: block;
  width: 100%;
}

.content-box .banner a:hover {
  opacity: 0.8;
}

.Carousel {
  position: relative;
}

.Carousel .lubo_wrap {
  /*border: 1px solid firebrick;*/
  overflow: hidden;
  width: 100%;
}

.Carousel .lubo_wrap .pic_box {
  height: 100%;
  width: 9999px;
}

.Carousel .lubo_wrap .pic_box li {
  position: relative;
  height: 100%;
  float: left;
}

.Carousel .lubo_wrap .pic_box li img {
  width: 100%;
  display: block;
}

.Carousel .lubo_wrap #left_arrow,
.Carousel .lubo_wrap #right_arrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 80px;
  top: 38.55%;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.4);
  color: #656870;
  line-height: 65px;
  text-align: center;
  font-size: 40px;
  overflow: hidden;
}

.Carousel .lubo_wrap #left_arrow img,
.Carousel .lubo_wrap #right_arrow img {
  vertical-align: middle;
}

.Carousel .lubo_wrap #left_arrow:hover, .Carousel .lubo_wrap #left_arrow:active,
.Carousel .lubo_wrap #right_arrow:hover,
.Carousel .lubo_wrap #right_arrow:active {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.Carousel .lubo_wrap #left_arrow {
  left: 0px;
}

.Carousel .lubo_wrap #left_arrow img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.Carousel .lubo_wrap #right_arrow {
  right: 0px;
}

.Carousel .pannel li {
  border: 2px solid transparent;
}

.Carousel .pannel .active {
  border-color: red;
  border: 2px solid red;
}
